<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //BOM 构成 
        //window 对象是浏览器的顶级对象,有双重角色
        //1.是 js 访问浏览器窗口的一个接口
        //2.是一个全局对象,定义在全局作用域中的变量,函数,都会变成window对象的属性和方法
        //      在调用的时候可以省略window ,如:window.alert() -> alert()  window.prompt() -> prompt()等

        //resize 只要窗口大小发生像素变化就会触发这个事件
        //window.innerWidth 返回窗口宽度

        //定时器
        //1. window.setTimeout(调用函数,[延迟的毫秒数]);
        //window. 可以省略  延迟的毫秒数 这个参数也可以省略,默认0
        //一般一个页面里会有好几个定时器,所以会给不同的计时器起不同的名字,方便区分
        // var timer = setTimeout(function,1000)

        //如何停止 setTimeout() 定时器
        // window.clearTimeout(timeoutID) timeoutID 就是定时器的名字
        //window. 可省略
        // 如: clearTimeout(timer)

        //2. window.setInterval(回调函数,[间隔毫秒数]) 
        // 这个可以根据间隔毫秒数重复执行 比如:每隔3秒移动一次轮播图
        
        //如何停止 setInterval() 定时器
        //clearInterval(定时器名字)

        //this指向 一般this的最终指向的是调用它的对象
        //在全局作用域或者普通函数中this指向全局对象window (注意定时器里面的this指向window)
        //方法中,谁调用 this 就指向谁
        //构造函数中 this 指向构造函数的实例
    </script>
</body>
</html>